<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Phosphor Icons</title>
    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#35313D" />
    <meta
      name="description"
      content="A flexible icon family for interfaces, diagrams, presentations — whatever, really."
    />
    <meta name="author" content="Tobias Fried" />

    <!-- GOOGLE META -->
    <meta itemprop="name" content="Phosphor Icons" />
    <meta
      itemprop="description"
      content="A flexible icon family for interfaces, diagrams, presentations — whatever, really."
    />
    <meta
      itemprop="image"
      content="https://phosphoricons.com/phosphor-opengraph.png"
    />
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "Project",
        "url": "https://phosphoricons.com",
        "email": "hello@phosphoricons.com",
        "location": "Brooklyn, NY",
        "description": "A flexible icon family for interfaces, diagrams, presentations — whatever, really.",
        "logo": "https://phosphoricons.com/favicon-512.png"
      }
    </script>

    <!-- FACEBOOK META -->
    <meta property="og:title" content="Phosphor Icons" />
    <meta property="og:site_name" content="Phosphor Icons" />
    <meta
      property="og:description"
      content="A flexible icon family for interfaces, diagrams, presentations — whatever, really."
    />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://phosphoricons.com" />
    <meta
      property="og:image"
      content="https://phosphoricons.com/phosphor-opengraph.png"
    />
    <meta property="og:image:type" content="image/png" />
    <meta property="og:image:alt" content="Phosphor Icons logo" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />

    <!-- TWITTER META -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Phosphor Icons" />
    <meta
      name="twitter:description"
      content="A flexible icon family for interfaces, diagrams, presentations — whatever, really."
    />
    <meta
      name="twitter:image"
      content="https://phosphoricons.com/phosphor-opengraph.png"
    />
    <meta name="twitter:site" content="@_phosphoricons" />
    <meta name="twitter:creator" content="@friedtm" />

    <link rel="apple-touch-icon" href="%PUBLIC_URL%/favicon-192.png" />
    <link
      rel="icon"
      type="image/png"
      sizes="32x32"
      href="%PUBLIC_URL%/favicon-32x32.png"
    />
    <link
      rel="icon"
      type="image/png"
      sizes="16x16"
      href="%PUBLIC_URL%/favicon-16x16.png"
    />
    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
    <link
      href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;600&display=swap"
      rel="stylesheet"
    />
    <link
      href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap"
      rel="stylesheet"
    />
  </head>
  <body>
    <noscript>
      <div>
        <strong>Enable JavaScript to check out Phosphor Icons!</strong>
        <p>You can also find us at:</p>
        <ul>
          <li>
            <a href="https://twitter.com/_phosphoricons">@_phosphoricons</a> on
            Twitter
          </li>
          <li>
            <a href="mailto:hello@phosphoricons.com">hello@phosphoricons.com</a>
            via email
          </li>
        </ul>
        <small>
          Phosphor Icons is created by
          <a href="https://helenazhang.com">Helena Zhang</a> and
          <a href="https://tobiasfried.com">Tobias Fried</a>.
        </small>
      </div>
    </noscript>
    <div id="root"></div>
  </body>
</html>
